<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>

	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<!--<script th:src="@{static/js/lin/jquery-1.3.1.js}">   </script>-->

	<!-- 全局js -->
	<script th:src="@{/system/js/jquery.min.js?v=2.1.4}"></script>
	<script th:src="@{/system/js/bootstrap.min.js?v=3.3.6}"></script>


	<!-- jqGrid -->
	<script th:src="@{/system/js/plugins/jqgrid/i18n/grid.locale-cn.js?0820}"></script>
	<script th:src="@{/system/js/plugins/jqgrid/jquery.jqGrid.min.js?0820}"></script>
	<script th:src="@{/system/js/plugins/jqgrid/jqgrid-searchbox.js}"></script>

	<!-- 自定义js -->
	<script th:src="@{/system/js/content.js?v=1.0.0}"></script>


	<link th:href="@{/system/css/jquery-ui.css}" rel="stylesheet"/>
	<script th:src="@{/system/js/jquery-ui-1.10.4.min.js}"></script>
	<script th:src="@{/system/js/jquery-ui.custom.min.js}"></script>
	<!-- Sweet alert -->
	<link th:href="@{/system/css/plugins/sweetalert/sweetalert.css}" rel="stylesheet"/>
	<script th:src="@{/system/js/plugins/sweetalert/sweetalert.min.js}"></script>


	<script th:src="@{/system/js/lin/dialog.js}"></script>

	<script th:src="@{/system/js/lin/clusterresult.js}"></script>

	<title>jqGird</title>

	<link rel="shortcut icon" href="system/favicon.ico"/>
	<link th:href="@{/system/css/bootstrap.min.css?v=3.3.6}" rel="stylesheet"/>
	<link th:href="@{/system/css/font-awesome.css?v=4.4.0}" rel="stylesheet"/>

	<!-- jqgrid-->
	<link th:href="@{/system/css/plugins/jqgrid/ui.jqgrid.css?0820}" rel="stylesheet"/>

	<link th:href="@{/system/css/animate.css}" rel="stylesheet"/>
	<link th:href="@{/system/css/style.css?v=4.1.0}" rel="stylesheet"/>

    <style>
        /* Additional style to fix warning dialog position */

        #alertmod_table_list_2 {
            top: 900px !important;
        }
    </style>
	<style>
		/**
		字段太长自动隐藏，移动过去自动显示
		 */
		.ui-jqgrid tr.jqgrow td {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin-top: 24px;
		}
		.ui-jqgrid tr.jqgrow td:hover {
			overflow: visible;
			white-space: normal;
			word-wrap: break-word;
		}
	</style>

</head>

<body class="gray-bg">


	<div style="text-align: left;">
		<br/>
		<a style="font-size: 13px;color: #676a6c;font-weight: bold">算法名称: </a>
		<input type="text" name="" id="algoName" value="" placeholder="请输入算法名称" />
		<a style="font-size: 13px;color: #676a6c;font-weight: bold">模型名称: </a>
		<input type="text" name="" id="appName" value="" placeholder="请输入模型名称" />
		<input class="btn-primary" type="button" name="" id="search" value="搜索" />
	</div>

	<!-- 主体 -->
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
				<div class="jqGrid_wrapper">
					<table id="table_list_2"></table>
					<div id="pager_list_2"></div>
				</div>
			</div>
		</div>
	</div>

</body>

<script>

    //通过点击按钮开始筛选
    $(function() {
        $('#search').click(function() {
            var algoName=$("#algoName").val();//获取文本框输入
            var appName=$("#appName").val();//获取文本框输入
//            alert(condition)
            //清空表格中数据
            $("#table_list_2").jqGrid("clearGridData");
            //重新接收表格数据
            $("#table_list_2").jqGrid("setGridParam",{
                url:"/algo/clusterresult/search?algoName=" + algoName + "&appName=" + appName,
                dataType:"json",
                type:"post"
            }).trigger("reloadGrid");
        })
    });

</script>

</html>
